Ext.onReady(function() {
	var toolbar = Ext.create('Ext.toolbar.Toolbar', {
		dock : 'top',
		items : [{
					text : '返回',
					xtype : 'button',
					listeners : {
						click : function() {
							location.href = "/wuziMgr/device_mgr";
						}
					}
				}, {
					text : '添加',
					xtype : 'button',
					listeners : {
						click : function() {
							var form = Ext.getCmp("device_form");
							if (!form.isValid()) {
								return;
							}
							var params = {
								TdCode: Ext.getCmp("tdcode").getValue(),
								No : Ext.getCmp("no").getValue(),
								DeviceTypeId : Ext.getCmp("device_type")
										.getValue(),
								Brand : Ext.getCmp("brand").getValue(),
								Manufacturers : Ext.getCmp("manufactures")
										.getValue(),
								Model : Ext.getCmp("model").getValue(),
								OperationTime : Ext.getCmp("operation_time")
										.getValue(),
								DeviceStatusId : Ext.getCmp("device_status")
										.getValue(),
								ImgPath : Ext.getCmp("device_img").src,
								IsSparePart: Ext.getCmp('is_sparepart').getValue()
							};
							if(Ext.getCmp("Flight").getValue() != null){
								params.FlightId = Ext.getCmp("Flight").getValue();
							}
							Ext.Ajax.request({
								url : "/device/add",
								type : "POST",
								params : params,
								callback : function(options, success, response) {
									if (success) {
										var result = Ext
												.decode(response.responseText);
										if (result.success) {
											location.href = "/wuziMgr/device_mgr";
										} else {
											Ext.Msg.alert("错误", result.msg);
										}
									}
								}
							})
						}
					}
				}]
	});

	var deviceTypeStore = Ext.create('Ext.data.Store', {
				fields : [{
							name : 'Id',
							type : 'int'
						}, 'Name'],
				proxy : {
					type : 'ajax',
					url : '/device_type/all',
					reader : {
						type : 'json',
						root : 'data.rows'
					}
				},
				autoLoad : true
			});

	var deviceType = Ext.create('Ext.form.ComboBox', {
				store : deviceTypeStore,
				id : "device_type",
				queryMode : 'local',
				editable : false,
				fieldLabel : "设备类型",
				displayField : 'Name',
				valueField : 'Id',
				listeners : {
					afterRender : function(combo) {
						combo.setValue(1);
					}
				}
			});

	var deviceStatusStore = Ext.create('Ext.data.Store', {
				fields : [{
							name : 'Id',
							type : 'int'
						}, 'Name'],
				proxy : {
					type : 'ajax',
					url : '/device_status/all',
					reader : {
						type : 'json',
						root : 'data.rows'
					}
				},
				autoLoad : true
			});

	var deviceStatus = Ext.create('Ext.form.ComboBox', {
				store : deviceStatusStore,
				id : "device_status",
				queryMode : 'local',
				fieldLabel : "设备状态",
				editable : false,
				displayField : 'Name',
				valueField : 'Id',
				listeners : {
					afterRender : function(combo) {
						combo.setValue(1);
					}
				}
			});
	var isSparePartStore = Ext.create('Ext.data.Store', {
		fields : ['display', {name:'value',type:'bool'}],
		data : [{
					"display" : "是",
					"value" : true
				}, {
					"display" : "否",
					"value" : false
				}]
	});
	var isSparePart = Ext.create('Ext.form.ComboBox', {
		store : isSparePartStore,
		id : "is_sparepart",
		queryMode : 'local',
		fieldLabel : "是否备品",
		editable : false,
		displayField : 'display',
		valueField : 'value',
		listeners : {
			afterRender : function(combo) {
				combo.setValue(true);
			}
		}
	});	
	var flightStore = Ext.create('Ext.data.Store', {
				fields : ["Id", 'Name'],
				proxy : {
					type : 'ajax',
					url : '/flight/all',
					reader : {
						type : 'json',
						root : 'data.rows'
					}
				},
				autoLoad : true
			});

	var flight = Ext.create('Ext.form.ComboBox', {
				fieldLabel : '班组',
				labelWidth: 100,
				id : 'Flight',
				editable : false,
				store : flightStore,
				queryMode : 'local',
				displayField : 'Name',
				valueField : 'Id'
			});
	

	var leftPanel = {
		id : "device_form",
		border: false,
		xtype : "form",
		items : [{
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [{
								xtype : 'textfield',
								id : "no",
								fieldLabel : '设备编号',
								allowBlank : false
							}]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [{
								xtype : 'textfield',
								id : "tdcode",
								fieldLabel : '二维码',
								allowBlank : false,
								enableKeyEvents: true,
								listeners:{
									keyup : function( self, e, eOpts ){
										if(e.getCharCode()==13){
											self.selectText();
										}
									}
								}
							}]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [{
								xtype : 'datefield',
								format : "Y-m-d",
								id : "operation_time",
								value : new Date(),
								fieldLabel : '投运时间'
							}]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [deviceType]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [{
								xtype : 'textfield',
								id : "brand",
								fieldLabel : '设备品牌'
							}]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [{
								xtype : 'textfield',
								id : "manufactures",
								fieldLabel : '设备厂家'
							}]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [{
								xtype : 'textfield',
								id : "model",
								fieldLabel : '设备型号'
							}]
				}, {
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [deviceStatus]
				},{
					xtype : 'container',
					layout : 'hbox',
					margin : '5 0',
					items : [isSparePart]
				},{
					xtype: 'container',
					layout: 'hbox',
					margin: '5 0',
					items: [flight]
				}]
	};

	var rightPanel = {
		id : "device_img_form",
		xtype : "form",
		border : false,
		items : [{
					xtype : 'image',
					id : "device_img",
					height : 180,
					width : 200,
					src : "view/images/default_headpic.png"
				}, {
					xtype : 'filefield',
					name : "devimg",
					buttonMargin : 0,
					margin : 0,
					buttonConfig : {
						width : 200
					},
					buttonOnly : true,
					buttonText : '选择图片...',
					listeners : {
						change : function(self, value, eOpts) {
							Ext.getCmp("device_img_form").submit({
								url : '/device/upload_img',
								waitMsg : '正在上传图片...',
								success : function(form, action) {
									if (action.result.success) {
										Ext.getCmp("device_img")
												.setSrc(action.result.data)
									}
								}
							})
						}
					}
				}]
	};
	var detailPanel = Ext.create("Ext.panel.Panel", {
				border : false,
				autoScroll : true,
				layout: "hbox",
				margin : '5 5',
				items : [leftPanel, rightPanel]
			});

	var panel = Ext.create("Ext.panel.Panel", {
				title : '',
				border : false,
				bodyBorder : false,
				autoScroll : true,
				layout : 'fit',
				dockedItems : [toolbar],
				items : [detailPanel]
			});
	Ext.create('Ext.Viewport', {
				layout : 'fit',
				style : 'background:none;background-color:white;',
				items : [panel]
			});
});